<template>
<div class="welcome-box">
  <div class="slogan">
    <span>welcom {{userInfo}}</span>
    <h1>欢迎进入电商平台管理系统-V1.0</h1>
    <p>电商平台管理系统-V1.0，是基于vue2.0前端框架开发的后台管理系统，使用了sass、vuex、axios、element-UI、ngprogress、vue-table-with-tree-grid、vue-router、vue-quill-editor、echarts相关技术，欢迎大家提出意见，批评指正！</p>
  </div>
</div>
</template>

<script>
export default {
  name: 'welcom',
  data(){
    return{
      // 用户信息
      userInfo:{}
    }
  },
  created() {
    this.getUserInfos()
  },
  methods:{
    getUserInfos(){
      this.userInfo = window.sessionStorage.getItem('userInfo')
      console.log('打印用户的信息2', this.userInfo)
    }
  }
}
</script>

<style lang="scss" scoped>
.welcome-box{
  height: 100%;
  background: #ffffff url("../assets/welcome.jpg");
  background-repeat: no-repeat;
  background-position: 50%;
  padding: 15px;
  color: #333333;

  >p{
    font-size: 14px;
    line-height: 150%;
  }
}
</style>
